<template>
	<hover-container tooltip-content="github" class="w-40px h-full" :inverted="themeStore.navTheme === 'dark'"
		@click="handleClickLink">
		<icon-mdi-github class="text-20px" />
	</hover-container>
</template>

<script lang="ts" setup>
import { useThemeStore } from "@/store";

defineOptions({ name: 'GithubSite' });

const themeStore = useThemeStore();
function handleClickLink() {
	window.open('https://github.com/honghuangdc/soybean-admin', '_blank');
}
</script>

<style scoped></style>
